<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                template="/WEB-INF/template2.xhtml">
    <ui:define name="content">
        <div class="Container100">
            <div class="Container100">
                <div class="Wid50 OvHidden DispBlock MarAuto WidAutoOnMobile" style="margin-top:7%;">
                    <div class="Card ShadowEffect">
                        <div class="Container100">
                            <div class="Card OrangeBack White TexAlCenter Fs20 FontVoltBold">Log In | Sign Up Panel</div>
                        </div>

                        <div class="Container20 TexAlCenter Responsive100">
                            <h:graphicImage value="#{resource['volt-layout:images/logo.svg']}" style="max-width:200px;" class="Wid80"/>
                            <div class="EmptyBox10"/>
                            <span class="FontVoltSemiBold DispBlock Fs20">Log In / Sign Up Directions</span>
                            <div class="EmptyBox10"/>
                            <span class="FontVoltRegular Fs12">In a parturient parturient consectetur dis dis justo condimentum bibendum tellus sem
                                scelerisque facilisi convallis a turpis.. <br />
                                <p:link outcome="/login.xhtml">Get More Info</p:link>
                            </span>
                        </div>
                        <div class="Container40 Responsive100">
                            <div class="Card TexAlCenter">
                                <i class="icon-unlocked2 Fs60 TealGreen"/>
                                <div class="EmptyBox10"/>
                                <p:inputText placeholder="E-Mail" styleClass="Wid90"/>
                                <div class="EmptyBox10"/>
                                <p:password placeholder="Password" styleClass="Wid90"/>
                                <div class="Separator"/>
                                <p:button value="Log In" icon="fa fa-unlock" onclick="window.open('dashboard.xhtml', '_self')" styleClass="GreenButton"/>
                                <div class="SeparatorFull"/>
                                <span class="Fs14"> Lost your password ? - <p:link outcome="/login.xhtml">Get New !</p:link></span>
                            </div>
                        </div>
                        <div class="Container40 Responsive100">
                            <div class="Card TexAlCenter">
                                <i class="icon-user-add-outline Fs60 Blue"/>
                                <div class="EmptyBox10"/>
                                <p:inputText placeholder="E-Mail" styleClass="Wid90"/>
                                <div class="EmptyBox10"/>
                                <p:password placeholder="Password" styleClass="Wid90"/>
                                <div class="EmptyBox10"/>
                                <p:password placeholder="Password Again" styleClass="Wid90"/>
                                <div class="Separator"/>
                                <p:button value="Sign Up" icon="fa fa-check-circle-o" onclick="window.open('dashboard.xhtml', '_self')" styleClass="RedButton"/>
                                <p:button value="More Info" icon="fa fa-coffee" onclick="window.open('dashboard.xhtml', '_self')" styleClass="BlueButton"/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </ui:define>
</ui:composition>
